$(function () {
  //截取字符串中文传参
  function getUrlVal(key) {
    // 获取参数 
    var url = window.location.search;
    // 正则筛选地址栏 
    var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
    // 匹配目标参数 
    var result = url.substr(1).match(reg);
    //返回参数值 
    return result ? decodeURIComponent(result[2]) : null;
  }
  //id与name
  var id = getUrlVal('id');
  var name = getUrlVal("name");
  console.log(name)

  // 详情渲染
  detailList(id);
  // 封装渲染详情的函数
  function detailList(id) {
    // 发送请求
    $.ajax({
      url: 'http://193.112.55.79:9090/api/getproduct',
      type: 'get',
      dataType: 'json',
      data: {
        productid: id
      },
      success: function (res) {
        // console.log(res.result[0].categoryId)
        template.config("escape", false);
        var htmlstr = template('detailListTem', res);
        $('.lkf_content').html(htmlstr);

        // 获取标题
        var title = res.result[0].productName;
        var categoryid = res.result[0].categoryId;
        // console.log(name)
        // 调用渲染面包屑的函数
        titleFun(categoryid, name, title)
      }
    })
  }

  commenetList(id);
  // 封装渲染评论区的函数
  function commenetList(id) {
    // 发送请求
    $.ajax({
      url: 'http://193.112.55.79:9090/api/getproductcom',
      type: 'get',
      data: {
        productid: id
      },
      dataType: 'json',
      success: function (res) {
        console.log(res)
        var htmlstr = template('commentListTem', res);
        $('.lkf_content').append(htmlstr)
      }
    })
  }

  // 封装渲染面包屑函数
  function titleFun(categoryid, name, title) {
    // console.log(title, id)
    var str = title.substr(0, 4);
    console.log(str);
    var htmlstr = '<li><a href="../goodList/goodList.html?id=' + categoryid + '&name=' + name + '">' + name + '</a><span class="icon-arrow-right"></span></li>' +
      '<li><a href="javascript:;">' + str + '</a></li>';
    $('.lkf_crumbs ul').append(htmlstr);
  }
})